<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ page import="com.easyattendance.util.HibernateUtil" %>
<%@ page import="org.hibernate.Session" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Easy Attendance</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<%-- <%@include file="includeFiles.jsp" %> --%>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<link
		href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700|Open+Sans+Condensed:300,700"
		rel="stylesheet" />
	<script src="<%=request.getContextPath()%>/public/js/jquery.min.js"></script>
	<script src="<%=request.getContextPath()%>/public/js/skel.min.js"></script>
	<script src="<%=request.getContextPath()%>/public/js/skel-panels.min.js"></script>
	<script src="<%=request.getContextPath()%>/public/js/init.js"></script>
	<script src="<%=request.getContextPath()%>/public/js/validate.js"></script>
			
	<link rel="stylesheet" href="<%=request.getContextPath()%>/views/css/skel-noscript.css" />
	<link rel="stylesheet" href="<%=request.getContextPath()%>/views/css/style.css" />
	<link rel="stylesheet" href="<%=request.getContextPath()%>/views/css/style-desktop.css" />
	<link rel="stylesheet" href="<%=request.getContextPath()%>/views/css/style-wide.css" />
	
	<!--[if lte IE 9]><link rel="stylesheet" href="css/ie9.css" /><![endif]-->
	<!--[if lte IE 8]><script type="text/javascript" src="<%=request.getContextPath()%>/public/js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
	<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
	
</head>

<!--
		Note: Set the body element's class to "left-sidebar" to position the sidebar on the left.
		Set it to "right-sidebar" to, you guessed it, position it on the right.
	-->
<body class="left-sidebar">
<% Session hibernateSession = HibernateUtil.openSession(); 
hibernateSession.close(); %>

	<!-- Wrapper -->
	<div id="wrapper">

		<!-- Content -->
		<div id="content">
			<div id="content-inner">

				<!-- Login -->
				
						<div id="login_content">
						<header>
							<h2>Forgot Password</h2>
							  <span class="byline">Enter your Email id to get new password.</span>
						</header>
						
						<span class="error_msg">${emailIdNotExists}</span>
						<span class="success_msg">${emailSent}</span>
						
						<form name="forgotPasswordForm" action="${pageContext.request.contextPath}/LoginServlet?forgot_link=forgot_password" method="post">
							<div>
								<label>Email Id:</label>
								<input id="email" name="email" type="email" placeholder="Email ID" value='<%= request.getParameter("email") != null ? request.getParameter("email") : "" %>' maxlength="50" tabindex="1">
							</div>
							<span class="error_msg">${invalid_email}</span>
							<!-- Email Validation error and success message area. -->
							<div id="email_error" class="error_info">
								<ul>
									<li id="email_empty" class="invalid">Email address cannot be empty.</li>
									<li id="email_invalid" class="invalid">Valid email address?</li>
								</ul>
							</div>
							<div>
								<input type="submit" value="Submit" class="button" tabindex="2" style="width: 50%;float: left;">
								<input type="Button" value="Go to Login" onclick="location.href='<%=request.getContextPath()%>/views/login.jsp'" class="button" tabindex="3" style="width: 50%;">
								
							</div>
						</form>
					</div>
				
			</div>
		</div>

		<!-- Sidebar -->
		<div id="sidebar">

			<!-- Sidebar Header - Logo & Name -->
			<%@include file="common/sidebarHeader.jsp" %>
						
			<!-- Sidebar Footer Content -->
			<%@include file="common/sidebarFooter.jsp" %>

		</div>

	</div>
	<!-- Email and Password Validation Function Call in validate.js -->
	<script type="text/javascript">
		/* $("#email").keyup(function() {
			isEmailValid($("#email"));
		});
		$("#password").keyup(function() {
			isPasswordValid($("#password"));
		}); */
	</script>
</body>
</html>